<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="toTop" content="true">
    <title>视角</title>
    <link rel="short icon" href="images/style/shijiao.ico">
    <script src="js/jquery/jquery1.12.4.js"></script>
    <script src="js/bootstrap/bootstrap.js"></script>
    <script src="js/jquery/jquerysession.js"></script>
    <script src="js/jquery/jquerycookie.js"></script>
    <script src="js/main.js"></script>
    <script src="js/index.js"></script>

    <link rel="stylesheet" href="css/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/index/main.css">
    <link rel="stylesheet" href="css/index/wy_main.css">
    <link rel="stylesheet" href="css/index/title.css">
    <link rel="stylesheet" href="css/index/title-ucgmod.css">
    <link rel="stylesheet" href="css/index/nav-top.css">
    <link rel="stylesheet" href="css/index/jubao_box.css">
    <link rel="stylesheet" href="css/index/new_title.css">
    <script src="js/user/user.js"></script>

</head>

<body>
<div class="navbar navbar-default">
    <ul>
        <li class="fl"><a class="active" href="index.html">主页</a></li>
        <li class="fl"><a class="active" href="login.html?type=logon">注册视角号</a></li>
<!--        <li class="fl"><a class="active" href="index.html">下载APP</a></li>-->
        <li class="fr"><a class="" target="_blank" href="create.html?type=zhuye">创作中心</a></li>
        <li class="fr">
            <a class="user_main_info">
                <span class="user_img">
                    <img id="top_main_user_img" src="./images/index/视角LOGO 背景.jpg"
                         alt="">
                </span>
                <span id="top_user_main_id">未登录</span>
            </a>
        </li>

    </ul>
</div>
<div class="container" id="app">
    <div class="col-sm-1 dw" style="padding-left: 0">
        <div class="list-group side-bar">
            <a href="" style="margin-bottom: 15px;display: inline-block"><img style="width: 108px;max-height: 100px;" src="images/index/视角LOGO%20背景.jpg" alt=""></a>
            <a uid="1" id="list-item1" class="list-group-item  active" href="#">推荐</a>
<!--            <a uid="2" id="list-item2" class="list-group-item  " href="#">关注</a>-->
<!--            <a uid="3" id="list-item3" class="list-group-item  " href="#">视频</a>-->
<!--            <a uid="4" id="list-item4" class="list-group-item  " href="#">专题</a>-->
            <a id="list-item0" class="list-group-item  more_item_button" href="#">更多</a>
        </div>
        <div class="more_item" id="more_item" style="display: none">

        </div>
    </div>
    <div class="col-sm-8">
        <div id="main_content" class="post-list">

        </div>
    </div>
    <div class="col-sm-3">
        <form class="bs-example bs-example-form" role="form">
            <div class="row">
                <div class="col-lg-6">
                    <div class="input-group">
                        <input id="search_content" style="width: 215px" type="text" class="form-control"
                               placeholder="搜索资讯">
                        <div class="input-group-btn">
                            <button id="search_btn" style="outline: none;" class="btn btn-primary search-btn"
                                    type="button">搜索
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="side-bar-well clearfix" id="user_in_log" style="text-align: center;display: block">
            <div class="top">
                <p style="text-align: right"><a href="#" class="logout" style="color: #999;">退出登录</a></p>
                <div class="userImg">
                    <a><img id="user_main_img" class="user_link" style="border-radius: 30px;" src="images/index/userImg.png" alt=""></a>
                </div>
                <p id="user_main_id">用户名</p>

            </div>
            <div class="top_user">
                <ul class="hide" style="margin: 0;padding: 0">
                    <li class="user_data"><a href=""><p class="number_user">0</p><br>
                        <p class="关注">关注</p></a></li>
                    <li class="user_data"><a href=""><p class="number_user">0</p><br>
                        <p class="粉丝">粉丝</p></a></li>
                </ul>
                <a href="publish.html?type=wenzhang">
                    <button type="button" class="publish-button">发布</button>
                </a>
            </div>
        </div>
        <div class="side-bar-well clearfix" id="user_un_log" style="text-align: center;display: none">
            <div class="top">
                <span style="font-size: 12px">登录后可以保存您的浏览喜好、评论、收藏，并与APP同步，更可以发布微头条</span>
            </div>
            <div class="top_user">
                <div class="hide" style="">
                    <a href="">
                        <img style=" display: inline-block;margin: 5px;width: 32px;height: 32px"
                             src="images/style/QQ.png">
                    </a>
                    <a href="">
                        <img style=" display: inline-block;margin: 5px;width: 32px;height: 32px"
                             src="images/style/微信.png">
                    </a>
                </div>
                <a href="login.html?type=login">
                    <button type="button" class="publish-button">登录</button>
                </a>

            </div>
        </div>
        <div class="side-bar-well">
            <strong class="side-bar-well-title">
                24小时热闻
            </strong>
            <ul class="article-list">
            </ul>
        </div>
        <div class="side-bar-well col-sm-12 about_more">
            <strong class="side-bar-well-title col-sm-12">
                网址导航</strong>
        </div>
    </div>

</div>
<script type="text/javascript" src="style/top/toTop.js"></script>
<div class="footer">
<!--    © 2020 视角 中国互联网举报中心京ICP证1401号京ICP备125439号-3京公网安备-->
</div>

<!--举报模态框-->
<div class="jubao_box" style="display: none">
    <div class="jubao_content" type="1">赌博诈骗</div>
    <div class="jubao_content" type="2">违禁违法</div>
    <div class="jubao_content" type="3">赌博诈骗</div>
    <div class="jubao_content" type="4">违禁违法</div>
</div>
<div class="mengban" style="display: none"></div>

</body>

</html>
